<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>03.css元素显示模式-行内</title>
    <style>
        .c0 {
            background-color: rgb(218, 230, 134);
        }

        .c1 {
            background-color: rgb(109, 145, 176);
        }

        .c2 {
            background-color: rgb(47, 110, 110);
        }

        .c3 {
            background-color: rgb(33, 164, 70);
        }

        .c4 {
            background-color: rgb(126, 17, 93);
            /* 给行内元素设置宽高-无效 */
            width: 400px;
            height: 200px;
        }
    </style>
</head>

<body>
    <span class="c0">绝句</span>
    <span class="c1">两个黄鹂鸣翠柳，</span>
    <span class="c2">一行白鹭上青天。</span>
    <span class="c3">窗含西岭千秋雪，</span>
    <span class="c4">门泊东吴万里船。</span>

    <span class="c0">绝句</span>
    <span class="c1">两个黄鹂鸣翠柳，</span>
    <span class="c2">一行白鹭上青天。</span>
    <span class="c3">窗含西岭千秋雪，</span>
    <span class="c4">门泊东吴万里船。</span>

    <span class="c0">绝句</span>
    <span class="c1">两个黄鹂鸣翠柳，</span>
    <span class="c2">一行白鹭上青天。</span>
    <span class="c3">窗含西岭千秋雪，</span>
    <span class="c4">门泊东吴万里船。</span>

    <span class="c0">绝句</span>
    <span class="c1">两个黄鹂鸣翠柳，</span>
    <span class="c2">一行白鹭上青天。</span>
    <span class="c3">窗含西岭千秋雪，</span>
    <span class="c4">门泊东吴万里船。</span>
</body>

</html>